<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<div data-role="page" id="addproduct"  tabindex="0" class="ui-page-theme-a">
    <div data-role="header">
        <h1>Thêm Sản Phẩm</h1>

        <a data-rel="back" data-icon="back">Trở Lại</a>
    </div>

    <div class="ui-content">
        <h5>Sản phẩm của bạn sẽ được đăng trong 30 ngày</h5>
        <input type="text" placeholder="Tên Sản Phẩm" name="text-basic" id="title" value="">
    </div>
    <div class="ui-content">
        <input type="text" placeholder="Giá: *" name="text-basic" id="price" value="">
    </div>
    <!--
    <div class="ui-content add_date" >
        <label for="price"></label>
        <input type="date" name="" placeholder="Ngày Hết Hạn"  id="date" data-role="datebox"data-options='{"mode": "calbox", "overrideDateFormat":"%Y-%m-%d"}' >
    </div>
    -->
    <div class="ui-content">
        <label>Hiện Giá ?: *</label>
        <div class="radio">
            <label>
                <input type="radio" name="show_price"  value="1" checked>
                Hiện
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" name="show_price"  value="0">
                Ẩn
            </label>
        </div>
    </div>
    <div class="ui-content">
        <label>Cần Bán/ Mua ?: *</label>
        <div class="radio">
            <label>
                <input type="radio" name="topic_type" id="optionsRadios1" value="0" checked>
                Cần Bán
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" name="topic_type" id="optionsRadios2" value="1">
                Cần Mua
            </label>
        </div>
    </div>
    <div class="ui-content">
        <label>Tình Trạng ?: *</label>
        <div class="radio">
            <label>
                <input type="radio" name="is_brandnew" id="optionsRadios3" value="1" checked>
                Mới
            </label>
        </div>
        <div class="radio">
            <label>
                <input type="radio" name="is_brandnew" id="optionsRadios4" value="0">
                Củ
            </label>
        </div>
    </div>
    <div class="ui-content">
        </label>
        <select id="topic_location" class="form-control">

        </select>
    </div>
    <div class="ui-content">
        <select id="cat_id" class="form-control">

        </select>
    </div>
    <div class="ui-content">
        <textarea id="short_description" placeholder="Tóm Tắt Sản Phẩm" class="form-control" rows="3"></textarea>

    </div>
    <div class="ui-content">
        <textarea id="full_description" placeholder="Chú Thích Sản Phẩm:" class="form-control" rows="3"></textarea>
    </div>
    <div data-role="popup" id="popup_success">
        <p>Sản Phẩm Đã Được Đăng</p>
    </div>
    <div class="ui-content " id="img_append">

    </div>
    <div class="ui-content">
        <a href="#popupNested" data-rel="popup" class="ui-link ui-btn ui-shadow ui-corner-all" data-transition="pop">Chọn Hình Ảnh.</a>
    </div>
    <div data-role="popup" id="popupNested" data-theme="none">
        <ul data-role="listview">
            <li><a id="btn_camera" data-rel="dialog">Từ Camera</a></li>
            <li><a id="btn_gellary" data-rel="dialog">Từ Media</a></li>
        </ul>
    </div>
    <input type="hidden" id="images">
    <div class="ui-content">
        <button type="button" id="btn_upload_product" class="ui-link ui-btn ui-shadow ui-corner-all">Đăng Sản Phẩm</button>
    </div>

</div>
<!-- /page -->
<div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
</div>
<div class="ui-panel-dismiss" data-panelid="panel-reveal"></div>
<div class="ui-panel-dismiss" data-panelid="panel-overlay"></div>
<div class="ui-panel-dismiss" data-panelid="panel-push"></div>
</body>
</html>